Video Playlist
HTML
<section
id="media-video-playlist"
class="media-video-playlist"
aria-label="Media Playlist Aria Label"
data-component="media-video-playlist"
data-expand="-100"
>
<div class="u-content-container">
<div class="video-playlist__inner tabs-container">
<div class="video-playlist--lg">
<div class="tabs-content" data-tabs-content="media-video-playlist__tabs">
<div data-video-index="0" id="media-video-playlist__tab__0" class="tabs-panel is-active">
<section id="media-video-playlist__video-01" class="media-video" aria-labelledby="media-video-playlist__video-01__title" data-component="media-video"
data-expand="-100">
<div class="media-video__inner">
<div class="media-video__video">
<div class="media-video__placeholder image-wrap">
<figure>
<img src="/images/temp/video_main.jpg" alt="" />
</figure>
</div>
<div class="media-video__embed image-wrap image-wrap--16-9" data-source="youtube"
data-video-id="q15dT8h-ORU" >
<div class="media-video__embed-wrap">
<div>
</div>
</div>
</div>
<button class="media-video__play btn-video" aria-label="play video">
<span class="icon icon--solid" data-expand="-30" aria-hidden="true">
<svg width="84" height="84" viewBox="0 0 84 84">
<linearGradient data-name="New Gradient Swatch 1" x1="16.54" y1="16.54" x2="67.46" y2="67.46"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#bc3326" />
<stop offset="1" stop-color="#ec7b46" />
</linearGradient>
<linearGradient x1="32.05" y1="33.5" x2="49.04" y2="50.49"
xlink:href="#video-play__grad-media-video-playlist__video-01-1" />
<circle cx="42" cy="42" r="42" style="fill: none" />
<circle cx="42" cy="42" r="34"
style="fill: none;stroke-linecap: round;stroke-linejoin: round; stroke-width: 5; stroke: white;" />
<path
d="M39.17,29.43l16.11,10.4a2.55,2.55,0,0,1,.8,3.52,2.45,2.45,0,0,1-.8.8L39.17,54.57a2.69,2.69,0,0,1-3.73-.76,2.78,2.78,0,0,1-.44-1.4V31.57a2.69,2.69,0,0,1,4.17-2.14Z"
style="fill: white" />
</svg>
</span>
<span class="u-hidden">Play Revolutionizing Radiation video</span>
</button>
</div>
<div class="media-video__meta-wrapper">
<div class="media-video__meta-wrapper-col">
<h2 id="media-video-playlist__video-01__title" class="media-video__title">Revolutionizing Radiation</h2><!-- media-video__title -->
<div class="media-video__caption u-hidden-mq-l u-hidden-mq-lg">
Take a look at our innovative radiology options, meant to serve children with varying needs that make traditional x-ray difficult.
</div><!-- media-video__caption -->
<div class="media-video__transcript accordion" data-accordion data-allow-all-closed="true">
<div class="accordion-item" data-accordion-item>
<a class="accordion-title js-transcript" href="javascript:;">
<span class="accordion-title-inner">
<span class="accordion-title-toggle">
<span class="accordion-title-toggle__show">View</span>
<span class="accordion-title-toggle__hide u-hidden">Hide</span>
</span>Transcript</span>
</a>
<div class="accordion-content" data-tab-content>
<div class="accordion-content-wrap">
<div class="rtf">
<p>Corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p> <p>Accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident .Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.</p><p>Iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident. Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
</div>
</div>
</div><!-- accordion-content -->
</div><!-- accordion-item -->
</div><!-- media-video__transcript -->
</div>
<div class="media-video__meta-wrapper-col">
<div class="media-video__caption u-hidden-mq-sm u-hidden-md">
Take a look at our innovative radiology options, meant to serve children with varying needs that make traditional x-ray difficult.
</div><!-- media-video__caption -->
</div>
</div><!-- media-video__meta-wrapper -->
</div><!-- media-video__inner -->
</section><!-- media-video --> </div>
<div data-video-index="1" id="media-video-playlist__tab__1" class="tabs-panel ">
<section id="media-video-playlist__video-02" class="media-video" aria-labelledby="media-video-playlist__video-02__title" data-component="media-video"
data-expand="-100">
<div class="media-video__inner">
<div class="media-video__video">
<div class="media-video__placeholder image-wrap">
<figure>
<img src="/images/assets/no-image-video.svg" alt="" />
</figure>
</div>
<div class="media-video__embed image-wrap image-wrap--16-9" data-source="wistia"
data-video-id="JyTlclz-U1Q" >
<div class="media-video__embed-wrap">
<div>
</div>
</div>
</div>
<button class="media-video__play btn-video" aria-label="play video">
<span class="icon icon--solid" data-expand="-30" aria-hidden="true">
<svg width="84" height="84" viewBox="0 0 84 84">
<linearGradient data-name="New Gradient Swatch 1" x1="16.54" y1="16.54" x2="67.46" y2="67.46"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#bc3326" />
<stop offset="1" stop-color="#ec7b46" />
</linearGradient>
<linearGradient x1="32.05" y1="33.5" x2="49.04" y2="50.49"
xlink:href="#video-play__grad-media-video-playlist__video-02-1" />
<circle cx="42" cy="42" r="42" style="fill: none" />
<circle cx="42" cy="42" r="34"
style="fill: none;stroke-linecap: round;stroke-linejoin: round; stroke-width: 5; stroke: white;" />
<path
d="M39.17,29.43l16.11,10.4a2.55,2.55,0,0,1,.8,3.52,2.45,2.45,0,0,1-.8.8L39.17,54.57a2.69,2.69,0,0,1-3.73-.76,2.78,2.78,0,0,1-.44-1.4V31.57a2.69,2.69,0,0,1,4.17-2.14Z"
style="fill: white" />
</svg>
</span>
<span class="u-hidden">Play This is a Wistia video video</span>
</button>
</div>
<div class="media-video__meta-wrapper">
<div class="media-video__meta-wrapper-col">
<h2 id="media-video-playlist__video-02__title" class="media-video__title">This is a Wistia video</h2><!-- media-video__title -->
<div class="media-video__caption u-hidden-mq-l u-hidden-mq-lg">
Imperial Sir Jeff Sowder and his family discuss what the commitment to this brotherhood means to them.
</div><!-- media-video__caption -->
<div class="media-video__transcript accordion" data-accordion data-allow-all-closed="true">
<div class="accordion-item" data-accordion-item>
<a class="accordion-title js-transcript" href="javascript:;">
<span class="accordion-title-inner">
<span class="accordion-title-toggle">
<span class="accordion-title-toggle__show">View</span>
<span class="accordion-title-toggle__hide u-hidden">Hide</span>
</span>Transcript</span>
</a>
<div class="accordion-content" data-tab-content>
<div class="accordion-content-wrap">
<div class="rtf">
<p>Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p> <p>Accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident .Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.</p><p>Iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident. Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
</div>
</div>
</div><!-- accordion-content -->
</div><!-- accordion-item -->
</div><!-- media-video__transcript -->
</div>
<div class="media-video__meta-wrapper-col">
<div class="media-video__caption u-hidden-mq-sm u-hidden-md">
Imperial Sir Jeff Sowder and his family discuss what the commitment to this brotherhood means to them.
</div><!-- media-video__caption -->
</div>
</div><!-- media-video__meta-wrapper -->
</div><!-- media-video__inner -->
</section><!-- media-video --> </div>
<div data-video-index="2" id="media-video-playlist__tab__2" class="tabs-panel ">
<section id="media-video-playlist__video-03" class="media-video" aria-labelledby="media-video-playlist__video-03__title" data-component="media-video"
data-expand="-100">
<div class="media-video__inner">
<div class="media-video__video">
<div class="media-video__placeholder image-wrap">
<figure>
<img src="/images/temp/video_small.jpg" alt="" />
</figure>
</div>
<div class="media-video__embed image-wrap image-wrap--16-9" data-source=""
data-video-id="L_TVRl90sT0" >
<div class="media-video__embed-wrap">
<div>
</div>
</div>
</div>
<button class="media-video__play btn-video" aria-label="play video">
<span class="icon icon--solid" data-expand="-30" aria-hidden="true">
<svg width="84" height="84" viewBox="0 0 84 84">
<linearGradient data-name="New Gradient Swatch 1" x1="16.54" y1="16.54" x2="67.46" y2="67.46"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#bc3326" />
<stop offset="1" stop-color="#ec7b46" />
</linearGradient>
<linearGradient x1="32.05" y1="33.5" x2="49.04" y2="50.49"
xlink:href="#video-play__grad-media-video-playlist__video-03-1" />
<circle cx="42" cy="42" r="42" style="fill: none" />
<circle cx="42" cy="42" r="34"
style="fill: none;stroke-linecap: round;stroke-linejoin: round; stroke-width: 5; stroke: white;" />
<path
d="M39.17,29.43l16.11,10.4a2.55,2.55,0,0,1,.8,3.52,2.45,2.45,0,0,1-.8.8L39.17,54.57a2.69,2.69,0,0,1-3.73-.76,2.78,2.78,0,0,1-.44-1.4V31.57a2.69,2.69,0,0,1,4.17-2.14Z"
style="fill: white" />
</svg>
</span>
<span class="u-hidden">Play At the Intersection of Data Science and Personalized Health video</span>
</button>
</div>
<div class="media-video__meta-wrapper">
<div class="media-video__meta-wrapper-col">
<h2 id="media-video-playlist__video-03__title" class="media-video__title">At the Intersection of Data Science and Personalized Health</h2><!-- media-video__title -->
<div class="media-video__caption u-hidden-mq-l u-hidden-mq-lg">
Imperial Sir Jeff Sowder and his family discuss what the commitment to this brotherhood means to them.
</div><!-- media-video__caption -->
<div class="media-video__transcript accordion" data-accordion data-allow-all-closed="true">
<div class="accordion-item" data-accordion-item>
<a class="accordion-title js-transcript" href="javascript:;">
<span class="accordion-title-inner">
<span class="accordion-title-toggle">
<span class="accordion-title-toggle__show">View</span>
<span class="accordion-title-toggle__hide u-hidden">Hide</span>
</span>Transcript</span>
</a>
<div class="accordion-content" data-tab-content>
<div class="accordion-content-wrap">
<div class="rtf">
<p>Accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident .Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.</p><p>Iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident. Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p><p>Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
</div>
</div>
</div><!-- accordion-content -->
</div><!-- accordion-item -->
</div><!-- media-video__transcript -->
</div>
<div class="media-video__meta-wrapper-col">
<div class="media-video__caption u-hidden-mq-sm u-hidden-md">
Imperial Sir Jeff Sowder and his family discuss what the commitment to this brotherhood means to them.
</div><!-- media-video__caption -->
</div>
</div><!-- media-video__meta-wrapper -->
</div><!-- media-video__inner -->
</section><!-- media-video --> </div>
<div data-video-index="3" id="media-video-playlist__tab__3" class="tabs-panel ">
<section id="media-video-playlist__video-04" class="media-video" aria-labelledby="media-video-playlist__video-04__title" data-component="media-video"
data-expand="-100">
<div class="media-video__inner">
<div class="media-video__video">
<div class="media-video__placeholder image-wrap">
<figure>
<img src="/images/temp/video_small.jpg" alt="" />
</figure>
</div>
<div class="media-video__embed image-wrap image-wrap--16-9" data-source=""
data-video-id="RtVwraG49iE" >
<div class="media-video__embed-wrap">
<div>
</div>
</div>
</div>
<button class="media-video__play btn-video" aria-label="play video">
<span class="icon icon--solid" data-expand="-30" aria-hidden="true">
<svg width="84" height="84" viewBox="0 0 84 84">
<linearGradient data-name="New Gradient Swatch 1" x1="16.54" y1="16.54" x2="67.46" y2="67.46"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#bc3326" />
<stop offset="1" stop-color="#ec7b46" />
</linearGradient>
<linearGradient x1="32.05" y1="33.5" x2="49.04" y2="50.49"
xlink:href="#video-play__grad-media-video-playlist__video-04-1" />
<circle cx="42" cy="42" r="42" style="fill: none" />
<circle cx="42" cy="42" r="34"
style="fill: none;stroke-linecap: round;stroke-linejoin: round; stroke-width: 5; stroke: white;" />
<path
d="M39.17,29.43l16.11,10.4a2.55,2.55,0,0,1,.8,3.52,2.45,2.45,0,0,1-.8.8L39.17,54.57a2.69,2.69,0,0,1-3.73-.76,2.78,2.78,0,0,1-.44-1.4V31.57a2.69,2.69,0,0,1,4.17-2.14Z"
style="fill: white" />
</svg>
</span>
<span class="u-hidden">Play How Motion Tracking Helps Diagnose & Improve Outcomes video</span>
</button>
</div>
<div class="media-video__meta-wrapper">
<div class="media-video__meta-wrapper-col">
<h2 id="media-video-playlist__video-04__title" class="media-video__title">How Motion Tracking Helps Diagnose & Improve Outcomes</h2><!-- media-video__title -->
<div class="media-video__caption u-hidden-mq-l u-hidden-mq-lg">
Imperial Sir Jeff Sowder and his family discuss what the commitment to this brotherhood means to them.
</div><!-- media-video__caption -->
<div class="media-video__transcript accordion" data-accordion data-allow-all-closed="true">
<div class="accordion-item" data-accordion-item>
<a class="accordion-title js-transcript" href="javascript:;">
<span class="accordion-title-inner">
<span class="accordion-title-toggle">
<span class="accordion-title-toggle__show">View</span>
<span class="accordion-title-toggle__hide u-hidden">Hide</span>
</span>Transcript</span>
</a>
<div class="accordion-content" data-tab-content>
<div class="accordion-content-wrap">
<div class="rtf">
<p>Accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident .Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.</p><p>Iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident. Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p><p>Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
</div>
</div>
</div><!-- accordion-content -->
</div><!-- accordion-item -->
</div><!-- media-video__transcript -->
</div>
<div class="media-video__meta-wrapper-col">
<div class="media-video__caption u-hidden-mq-sm u-hidden-md">
Imperial Sir Jeff Sowder and his family discuss what the commitment to this brotherhood means to them.
</div><!-- media-video__caption -->
</div>
</div><!-- media-video__meta-wrapper -->
</div><!-- media-video__inner -->
</section><!-- media-video --> </div>
<div data-video-index="4" id="media-video-playlist__tab__4" class="tabs-panel ">
<section id="media-video-playlist__video-05" class="media-video" aria-labelledby="media-video-playlist__video-05__title" data-component="media-video"
data-expand="-100">
<div class="media-video__inner">
<div class="media-video__video">
<div class="media-video__placeholder image-wrap">
<figure>
<img src="/images/temp/video_small.jpg" alt="" />
</figure>
</div>
<div class="media-video__embed image-wrap image-wrap--16-9" data-source=""
data-video-id="dfqtegt6cys" >
<div class="media-video__embed-wrap">
<div>
</div>
</div>
</div>
<button class="media-video__play btn-video" aria-label="play video">
<span class="icon icon--solid" data-expand="-30" aria-hidden="true">
<svg width="84" height="84" viewBox="0 0 84 84">
<linearGradient data-name="New Gradient Swatch 1" x1="16.54" y1="16.54" x2="67.46" y2="67.46"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#bc3326" />
<stop offset="1" stop-color="#ec7b46" />
</linearGradient>
<linearGradient x1="32.05" y1="33.5" x2="49.04" y2="50.49"
xlink:href="#video-play__grad-media-video-playlist__video-05-1" />
<circle cx="42" cy="42" r="42" style="fill: none" />
<circle cx="42" cy="42" r="34"
style="fill: none;stroke-linecap: round;stroke-linejoin: round; stroke-width: 5; stroke: white;" />
<path
d="M39.17,29.43l16.11,10.4a2.55,2.55,0,0,1,.8,3.52,2.45,2.45,0,0,1-.8.8L39.17,54.57a2.69,2.69,0,0,1-3.73-.76,2.78,2.78,0,0,1-.44-1.4V31.57a2.69,2.69,0,0,1,4.17-2.14Z"
style="fill: white" />
</svg>
</span>
<span class="u-hidden">Play Innovative Plastic Surgery for Cleft Lip video</span>
</button>
</div>
<div class="media-video__meta-wrapper">
<div class="media-video__meta-wrapper-col">
<h2 id="media-video-playlist__video-05__title" class="media-video__title">Innovative Plastic Surgery for Cleft Lip</h2><!-- media-video__title -->
<div class="media-video__caption u-hidden-mq-l u-hidden-mq-lg">
Imperial Sir Jeff Sowder and his family discuss what the commitment to this brotherhood means to them.
</div><!-- media-video__caption -->
<div class="media-video__transcript accordion" data-accordion data-allow-all-closed="true">
<div class="accordion-item" data-accordion-item>
<a class="accordion-title js-transcript" href="javascript:;">
<span class="accordion-title-inner">
<span class="accordion-title-toggle">
<span class="accordion-title-toggle__show">View</span>
<span class="accordion-title-toggle__hide u-hidden">Hide</span>
</span>Transcript</span>
</a>
<div class="accordion-content" data-tab-content>
<div class="accordion-content-wrap">
<div class="rtf">
<p>Accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident .Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.</p><p>Iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident. Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p><p>Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
</div>
</div>
</div><!-- accordion-content -->
</div><!-- accordion-item -->
</div><!-- media-video__transcript -->
</div>
<div class="media-video__meta-wrapper-col">
<div class="media-video__caption u-hidden-mq-sm u-hidden-md">
Imperial Sir Jeff Sowder and his family discuss what the commitment to this brotherhood means to them.
</div><!-- media-video__caption -->
</div>
</div><!-- media-video__meta-wrapper -->
</div><!-- media-video__inner -->
</section><!-- media-video --> </div>
<div data-video-index="5" id="media-video-playlist__tab__5" class="tabs-panel ">
<section id="media-video-playlist__video-06" class="media-video" aria-labelledby="media-video-playlist__video-06__title" data-component="media-video"
data-expand="-100">
<div class="media-video__inner">
<div class="media-video__video">
<div class="media-video__placeholder image-wrap">
<figure>
<img src="/images/temp/video_small.jpg" alt="" />
</figure>
</div>
<div class="media-video__embed image-wrap image-wrap--16-9" data-source=""
data-video-id="xlzjCsTgJLw" >
<div class="media-video__embed-wrap">
<div>
</div>
</div>
</div>
<button class="media-video__play btn-video" aria-label="play video">
<span class="icon icon--solid" data-expand="-30" aria-hidden="true">
<svg width="84" height="84" viewBox="0 0 84 84">
<linearGradient data-name="New Gradient Swatch 1" x1="16.54" y1="16.54" x2="67.46" y2="67.46"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#bc3326" />
<stop offset="1" stop-color="#ec7b46" />
</linearGradient>
<linearGradient x1="32.05" y1="33.5" x2="49.04" y2="50.49"
xlink:href="#video-play__grad-media-video-playlist__video-06-1" />
<circle cx="42" cy="42" r="42" style="fill: none" />
<circle cx="42" cy="42" r="34"
style="fill: none;stroke-linecap: round;stroke-linejoin: round; stroke-width: 5; stroke: white;" />
<path
d="M39.17,29.43l16.11,10.4a2.55,2.55,0,0,1,.8,3.52,2.45,2.45,0,0,1-.8.8L39.17,54.57a2.69,2.69,0,0,1-3.73-.76,2.78,2.78,0,0,1-.44-1.4V31.57a2.69,2.69,0,0,1,4.17-2.14Z"
style="fill: white" />
</svg>
</span>
<span class="u-hidden">Play At the Intersection of Data Science and Personalized Health video</span>
</button>
</div>
<div class="media-video__meta-wrapper">
<div class="media-video__meta-wrapper-col">
<h2 id="media-video-playlist__video-06__title" class="media-video__title">At the Intersection of Data Science and Personalized Health</h2><!-- media-video__title -->
<div class="media-video__caption u-hidden-mq-l u-hidden-mq-lg">
Imperial Sir Jeff Sowder and his family discuss what the commitment to this brotherhood means to them.
</div><!-- media-video__caption -->
<div class="media-video__transcript accordion" data-accordion data-allow-all-closed="true">
<div class="accordion-item" data-accordion-item>
<a class="accordion-title js-transcript" href="javascript:;">
<span class="accordion-title-inner">
<span class="accordion-title-toggle">
<span class="accordion-title-toggle__show">View</span>
<span class="accordion-title-toggle__hide u-hidden">Hide</span>
</span>Transcript</span>
</a>
<div class="accordion-content" data-tab-content>
<div class="accordion-content-wrap">
<div class="rtf">
<p>Accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident .Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.</p><p>Iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident. Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p><p>Gero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
</div>
</div>
</div><!-- accordion-content -->
</div><!-- accordion-item -->
</div><!-- media-video__transcript -->
</div>
<div class="media-video__meta-wrapper-col">
<div class="media-video__caption u-hidden-mq-sm u-hidden-md">
Imperial Sir Jeff Sowder and his family discuss what the commitment to this brotherhood means to them.
</div><!-- media-video__caption -->
</div>
</div><!-- media-video__meta-wrapper -->
</div><!-- media-video__inner -->
</section><!-- media-video --> </div>
</div>
</div>
<div class="video-playlist__navigation">
<div class="video-playlist__navigation-inner">
<ul
id="media-video-playlist__tabs"
class="video-playlist__videos tabs"
data-tabs
>
<li class="video-playlist__video tabs-title is-active">
<a href="media-video-playlist__tab__0" aria-selected="true">
<div class="video-playlist__video__image">
<div class="video-playlist__image-wrap">
<span>
<img src="/images/temp/video_main.jpg" data-src="/images/temp/video_main.jpg" alt=""/>
</span>
<div class="video-playlist__video__timestamp">
<img class="video-playlist__video__timestamp-icon" alt="icon clock" src="/images/assets/icon-clock.svg">
<span>2:30</span>
</div>
</div>
</div>
<div class="video-playlist__video__meta">
<div class="video-playlist__video__title link-underline"><span>Revolutionizing Radiation</span></div>
</div>
</a>
</li> <!-- video-playlist__video -->
<li class="video-playlist__video tabs-title">
<a href="media-video-playlist__tab__1">
<div class="video-playlist__video__image">
<div class="video-playlist__image-wrap">
<span>
<img src="/images/assets/no-image-video.svg" data-src="/images/assets/no-image-video.svg" alt=""/>
</span>
<div class="video-playlist__video__timestamp">
<img class="video-playlist__video__timestamp-icon" alt="icon clock" src="/images/assets/icon-clock.svg">
<span>2:30</span>
</div>
</div>
</div>
<div class="video-playlist__video__meta">
<div class="video-playlist__video__title link-underline"><span>This is a Wistia video</span></div>
</div>
</a>
</li> <!-- video-playlist__video -->
<li class="video-playlist__video tabs-title">
<a href="media-video-playlist__tab__2">
<div class="video-playlist__video__image">
<div class="video-playlist__image-wrap">
<span>
<img src="/images/temp/video_small.jpg" data-src="/images/temp/video_small.jpg" alt=""/>
</span>
<div class="video-playlist__video__timestamp">
<img class="video-playlist__video__timestamp-icon" alt="icon clock" src="/images/assets/icon-clock.svg">
<span>2:30</span>
</div>
</div>
</div>
<div class="video-playlist__video__meta">
<div class="video-playlist__video__title link-underline"><span>At the Intersection of Data Science and Personalized Health</span></div>
</div>
</a>
</li> <!-- video-playlist__video -->
<li class="video-playlist__video tabs-title">
<a href="media-video-playlist__tab__3">
<div class="video-playlist__video__image">
<div class="video-playlist__image-wrap">
<span>
<img src="/images/temp/video_small.jpg" data-src="/images/temp/video_small.jpg" alt=""/>
</span>
<div class="video-playlist__video__timestamp">
<img class="video-playlist__video__timestamp-icon" alt="icon clock" src="/images/assets/icon-clock.svg">
<span>2:30</span>
</div>
</div>
</div>
<div class="video-playlist__video__meta">
<div class="video-playlist__video__title link-underline"><span>How Motion Tracking Helps Diagnose & Improve Outcomes</span></div>
</div>
</a>
</li> <!-- video-playlist__video -->
<li class="video-playlist__video tabs-title">
<a href="media-video-playlist__tab__4">
<div class="video-playlist__video__image">
<div class="video-playlist__image-wrap">
<span>
<img src="/images/temp/video_small.jpg" data-src="/images/temp/video_small.jpg" alt=""/>
</span>
<div class="video-playlist__video__timestamp">
<img class="video-playlist__video__timestamp-icon" alt="icon clock" src="/images/assets/icon-clock.svg">
<span>2:30</span>
</div>
</div>
</div>
<div class="video-playlist__video__meta">
<div class="video-playlist__video__title link-underline"><span>Innovative Plastic Surgery for Cleft Lip</span></div>
</div>
</a>
</li> <!-- video-playlist__video -->
<li class="video-playlist__video tabs-title">
<a href="media-video-playlist__tab__5">
<div class="video-playlist__video__image">
<div class="video-playlist__image-wrap">
<span>
<img src="/images/temp/video_small.jpg" data-src="/images/temp/video_small.jpg" alt=""/>
</span>
<div class="video-playlist__video__timestamp">
<img class="video-playlist__video__timestamp-icon" alt="icon clock" src="/images/assets/icon-clock.svg">
<span>2:30</span>
</div>
</div>
</div>
<div class="video-playlist__video__meta">
<div class="video-playlist__video__title link-underline"><span>At the Intersection of Data Science and Personalized Health</span></div>
</div>
</a>
</li> <!-- video-playlist__video -->
</ul> <!-- video-playlist__videos -->
</div>
</div>
</div>
</div>
</section> <!-- .video-playlist -->Notes
Templates this appears on: